<template>
	<section :is="crtComponent" :review-id="reviewId" :has-apply="hasApply" @jump-page="fnJumpPage" @go-back="fnGoBack"></section>
</template>

<script>
	import MyApply from '../../components/conferenceApply/MyApply.vue'
    import ReviewList from '../../components/conferenceReview/ReviewList.vue'
    import ReviewDetail from '../../components/conferenceReview/ReviewDetail.vue'
	export default {
		data() {
			return {
				crtComponent : 'review-list', //当前组件
				reviewId : 0,
				hasApply : true //用于判断是从那个页面跳转至详细页面
			}
		},
		components:{
			MyApply,ReviewList,ReviewDetail
		},
		methods: {
			//自定义方法->组件切换
			fnJumpPage(id,hasApply,nextComponent){
				var that = this
				that.reviewId = id
				that.hasApply = hasApply
				that.crtComponent = nextComponent
			},
			//自定义方法->组件返回
			fnGoBack(nextComponent){
				var that = this
				that.crtComponent = nextComponent
			}
		},
		mounted() {
			
		}
	}
</script>

<style scoped>
</style>